import { Typography } from 'antd';
import type { FC } from 'react';

import styles from './index.less';

type TProps = {
  title: string;
  subTitle?: string;
};

const CommonFormHeader: FC<TProps> = (props) => {
  const { title, subTitle } = props;

  return (
    <div className={styles.formHeader}>
      <Typography.Text strong>{title}</Typography.Text>
      <Typography.Text className="fs-12" type="secondary" style={{ marginLeft: 10 }}>
        {subTitle}
      </Typography.Text>
    </div>
  );
};

export default CommonFormHeader;
